
<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
</head>
<body>

<h4>Example 1 ---------------------------------------------</h4>
<script type="text/x-handlebars">
    The President of the United States is {{App.president.lastName}}.
</script>
<p><button id="btn1">TEST</button></p>


<h4>Example 2: ---------------------------------------------</h4>
<div id="temp-wrap" style="border: 3px solid #c22;width:300px;">
    <!-- Insert into here -->
</div>

<script type="text/x-handlebars" data-template-name="info">
    User: Albert Hofmann
    <div>
        <b>Posts:</b> 25
        <br>
        <b>Hobbies:</b> Riding bicycles
    </div>
</script>

<h4>Example 3: ---------------------------------------------</h4>
<p>Binding Test: <button id="btn2">TEST</button></p>

<h4>Example 4: ---------------------------------------------</h4>
<script type="text/x-handlebars">
{{#view App.ClickableView}}
    This is a clickable area!
{{/view}}
</script>

<h4>Example 5: ---------------------------------------------</h4>
<script type="text/x-handlebars">
{{#view App.ListingView}}
    <a href="#" {{action "edit" on="click"}}>Edit</a>
{{/view}}
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.8.1.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/gist/3506505/a69a3a0aa8d68d5e703f59b255e4f022e5aa59be/app.js"></script>
</body>
</html>
